* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  font-size: 14px;
  background: #eee;
  font-family: "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif, 'Microsoft Yahei';
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
img {
  border: none;
}
.clearFixed:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
input{
    outline: none;
    border: none;
}
html{
    font-size: 100px;
}
//---------------------------------------------------------
.walk_header{
    width: 100%;
    height: 0.47rem;
    border-bottom: 0.01rem solid #E5E5E5;
    margin-top: 0;
    display: flex;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 100;
    .walk_header_ul{
        width: 0.47rem;
        height: 0.47rem;
        padding:0.07rem 0 0 0.13rem;
        .walk_header_li{
            width: 0.2rem;
            padding-top: 0.06rem;
            border-bottom: 0.02rem solid #41C074;    
        }
    }
    .walk_header_div{
        font-size: 0.18rem;
        margin: auto;
    }
}
.walk_main1{
    position: fixed;
    top: 0.47rem;
    z-index: 100;
    width: 100%;
    height: 0.58rem;
    font-size: 0.18rem;
    background: #fff;
    .walk_main1_div1{
        line-height: 0.58rem;
        text-align: center;
    }
    .walk_main1_span1{
        height: 0.58rem;
        display: inline-block;
        font-weight: 700;
        color: #41C074;
        border-bottom: 0.02rem solid #41C074;
    }
}
.walk_main2{
    width: 100%;
    height: 100%;
    margin: 1.15rem 0 0.68rem 0;
    //display: none;
    .walk_main2_li{
        margin-top: 0.1rem;
        width: 100%;
        height: 100%;
        background: #fff;
        .walk_main2_li_img{
            width: 100%;
            height: 2.24rem;
            background: no-repeat;
            background-size: 100%;
            display: flex;
            position: relative;
            .walk_main2_li_img_position{
                background: rgba(0,0,0,0.8);
                width: 100%;
                height: 0.65rem;
                position: absolute;
                bottom: 0;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                .walk_main2_li_img_position_day{
                    width: 0.7rem;
                    height: 0.64rem;
                    color: #fff;
                    padding-left: 0.1rem;
                    text-align: center;
                    font-size: 0.5rem;
                    line-height: 0.64rem;
                    .walk_main2_li_img_position_span{
                        font-size: 0.14rem;
                        margin-left: -0.1rem;
                    }
                }
                .walk_main2_li_img_position_time{
                    width: 2rem;
                    height: 0.4rem;
                    padding-left: 0.2rem;
                    border-left: 0.001rem solid #fff;
                    color: #fff;
                    .walk_main2_position_time_div{
                        font-size: 0.18rem;
                        
                    }
                }
            }
        }
        .walk_main2_li_div1{
            margin: 0.1rem 0 0 0.1rem;
            width: 0.4rem;
            height: 0.16rem;
            color: #9ea3ab;
            background: #f3f4f5;
            border-radius: 0.1rem;
            text-align: center;
            line-height: 0.16rem;
            font-size: 0.12rem;
        }
        .walk_main2_li_div2{
            width: 100%;
            font-size: 0.14rem;
            padding:0.1rem;
            color: #585858; 
        }
    }
}
.walk_main{
    display: block;
}
.walk_footer{
    width: 100%;
    height: 0.58rem;
    display: flex;
    position: fixed;
    bottom:0;
    .walk_footer_div1{
        width: 30%;
        height: 0.58rem;
        background: #E7FFF0 url(../../img/walk/wolk.png)no-repeat center 0.06rem;
        background-size: 20%;
        text-align: center;
        padding-top: 0.32rem;
        color: #41c074;
    }
    .walk_footer_a{
        width: 100%;
        display: block;
        .walk_footer_div2{
            //width: 70%;
            height: 0.58rem;
            background: #41c074 url(../../img/walk/walk_jia.jpg) no-repeat 25%;
            background-size: 6%;
            color: #fff;
            font-size: 0.18rem;
            margin: auto;
            text-align: center;
            line-height: 0.58rem;
        }
    }
    
}
.walk_page{
    width: 100%;
    height: 100%;
    background: #4ECC81;
    position: fixed;
    top: 0.47rem;
    z-index: 101;
    .walk_page_top{
        width: 100%;
        height: 2.8rem;
        background:#41C074;
        .walk_page_top_div{
            width: 100%;
            height: 3.8rem;
            background:url(../../img/walk/walk_page.png)no-repeat center;
            background-size: 70%;
            padding-top: 1rem;
            .walk_page_txt{
                width: 100%;
                height: 1rem;
                text-align: center;
                color: #fff;
                font-size: 0.12rem;
            }
        }
    }
    .walk_page_bottom{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        bottom: 0.9rem;
//     .walk_footer_div2{
//          width: 70%;
//          height: 0.58rem;
//          background: #fff url(../../img/walk/walk_jia.png) no-repeat 25%;
//          background-size: 6%;
//          color: #41C074;
//          font-size: 0.18rem;
//          margin: auto;
//          text-align: center;
//          line-height: 0.58rem;
//          border-radius: 0.08rem;
//      }
        
        .walk_footer_a{
            width: 100%;
                display: block;
                .walk_footer_div2{
                    width: 70%;
                    height: 0.58rem;
                    background: #41c074 url(../../img/walk/walk_jia.jpg) no-repeat 25%;
                    background-size: 6%;
                    color: #fff;
                    font-size: 0.18rem;
                    margin: auto;
                    text-align: center;
                    line-height: 0.58rem;
                }
            }
        .walk_page_bottom_touch{
            width: 100%;
            height: 0.58rem;
            display: flex;
            #walk_page_bottom_span{
                width: 0.2rem;
                height: 0.12rem;
                margin: auto;
                background: pink url(../../img/walk/walk_page1.jpg) no-repeat center;
                background-size: 100%;
            }
        }
    }
}

